<!DOCTYPE html>
<html>
<head>
    <title>卢奕恒的博客</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="main-wrapper">
        <!--页头开始-->
        <header>
             
            <nav>
               
                <div class="logo"><a href="index.html">卢奕恒的博客</a></div>
                <ul>
                    <li><a href="#" class="active">首页</a></li>
                    <li><a href="article.html">文章</a></li>
                    <li><a href="message.html">留言</a></li>
                    <li class="showSlideBar"><a href="#">关于作者</a></li>
                </ul>
            </nav>
            <div class="banner">
                <div class="inner">
                    <h1>未来的嵌入式工程师</h1>
                    <div class="sub-heading">这是一个极具个人风格的网站。</div>
                    <div class="sub-heading">这里存放的是我的嵌入式项目和经验文章。</div>
                    <div class="sub-heading">可以看作个人简历或者博客。</div>
                    <button class="showSlideBar">更多</button>
                   
                </div>
            </div>
        </header>
        <!--页头结束-->

        <!--内容开始-->
        <div class="content">
            <section class="section-one">
                <div class="wrapper">
                    <div>
                        <h2>导航</h2>
                        <div class="hr"></div>
                        <div class="sub-heading">Don't walk gently into that good night.</div>
                    </div>
                    <div class="icon-group">
                        <span class="icon"><a href="article.html">文章</a></span>
                        <span class="icon"><a href="#A1">嵌入式项目</a></span>
                        <span class="icon"><a href="#A2">技能树</a></span>
                    </div>
                </div>
            </section>

            <section class="section-two"><a name = "A1"></a>
                <div class="article-preview clear-fix">
                    <div class="img-section">
                        <img src="img/1607958236(1).png">
                    </div>
                    <div class="text-section">
                        <h2><a>无人水质监测船-WIFI传输</a></h2>
                        <div class="sub-heading">功能：水温检测 、TDS（溶解性固体总量）测量</div>
                        <div class="sub-heading"> 特色： 433M最远3KM无线遥控
                            北斗、GPS 全球定位
                            PC上位机软件控制
                            电池电压监控
                            螺旋桨转速差转向
                            </div>

                            <div class="sub-heading" >动力控制：无人船只设有一档前进速度（具体航速未测试并受环境影响）
                                通过调整两个螺旋桨的转速差实现左右转向，
                                </div>
                                <div class="sub-heading" > 
                                    </div>
                                
                    <div class="sub-heading">虽然马达拥有非常大的输出功率， 但考虑到其用途，设计的航速并不快，行驶平稳，更好地保证了设备的安全 :)</div>


                    </div>



                </div>

                <div class="article-preview clear-fix">
                    <div class="text-section">
                        <h2>简易多功能液体容器</h2>
                        <div class="sub-heading">2019 年全国电子设计竞赛作品; </div>
                        <div class="sub-heading">能够识别各种液体种类和高度重量； </div>
                        <div class="sub-heading">C 语言编程、HAL 库、寄存器开发;</div>
                        <!-- <div class="sub-heading">&emsp;&emsp;&emsp;硬件端显示当天时间</div> -->


                    </div>
                    <div class="img-section">
                        <img src="img/液体.jpg">
                    </div>
                </div>

                <div class="article-preview clear-fix">
                    <div class="img-section">
                        <img src="img/家居.jpg">
                    </div>
                    <div class="text-section">
                        <h2>智能家居控制平台-小程序控制</h2>
                        <div class="sub-heading">功能：微信小程序控制台、物联网通讯 、  家居控制、 安防系统                    </div>
                        <div class="sub-heading">特色：微信小程序与硬件系统交互、STM32硬件平台开发 、物联网通讯技术、无视距离限制、异常提醒  </div>
                        <div class="sub-heading">ESP8266：ESP8266WIFI芯片是这个家居控制系统的物联网通讯的核心，它支持TCP协议下的Socket通讯。 </div>


                            <div class="sub-heading"> 我们采用这款芯片，通过Socket通讯，即时与微信远端服务器通讯；</div>
                           
                            <div class="sub-heading">  可以灵活、高效地与微信远端服务器进行数据交互，即做到无视距离限制仅用网络数据便可操作家居系统。</div>  
                    </div>
                </div>
            </section>
            <a name = "A2"></a>
            <section class="section-three ">
                <div class="wrapper" >
                    <div class="heading-wrapper">
                        <h2>技能树</h2>
                        <div class="hr"></div>
                        <!-- <p class="sub-heading">内容</p> -->
                    </div>
                    <div class="card-group clear-fix">
                        <div class="card">
                            <h2>PCB、原理图设计与制作</h2>
                            <p>&nbsp;</p>
                            <p>有八位、32位处理器最小系统电路板设计制作经验、电源稳压板制作经验</p>
                            
                            <!-- <p>有稳压、升压、降压、可调电源板设计经验</p> -->
                        </div>
                        <div class="card">
                            <h2>嵌入式开发</h2>
                            <p> &nbsp;</p>  
                            <p> 了解通讯协议 IIC, UART, SPI，Socket</p> 
                            <p>熟练使用STM32等32位处理器单片机，掌握寄存器、标准库、HAL库编程</p>
                        </div>
                        <div class="card">
                            <h2>电子元器件焊接技术</h2>
                            <p>&nbsp;</p>
                            <p>有直插式、贴片式元件焊接经验</p>
                        </div>
                        <div class="card">
                            <h2>单片机开发</h2>
                            <p>&nbsp;</p>
                            <p>掌握8位单片机外设编程与硬件内部资源调用经验</p>
                        </div>
                        <div class="card">
                            <h2>电子测量设备使用</h2>
                            <p>&nbsp;</p>
                            <p>可熟练使用万用表、可调电源、逻辑分析仪、示波器</p>
                        </div>
                        <div class="card">
                            <h2>电路板调试</h2>
                            <p>&nbsp;</p>
                            <p>熟悉电子元器件的使用</p>
                        </div>
                    </div>

                </div>
            </section>
        </div>
        <!--内容结束-->

        <!--页脚开始-->
        <footer>
            <div class="share-group">
                <ul>
                    <li><a href="https://blog.csdn.net/weixin_43156471?spm=1011.2124.3001.5113" target="view_window">CSDN</a></li>
                    <li><a href="https://gitee.com/quanshiyicunzai" target="view_window">码云</a></li>
                   <!-- <li><a href="#" target="view_window">简书</a></li>
                    <li><a href="111" target="view_window">邮箱</a></li>-->
                </ul>
            </div>

            <div class="copy">
                <span>&copy;1103488075@qq.com - phone:14715142455</span>
            </div>

         
           
        </footer>
        <!--页脚结束-->
    </div>

    <!--遮罩区-->
    <div class="mask"></div>
    <!--侧边导航栏-->
    <div class="slideBar">
        <ul>
            <li><a href="#">《网页设计》-大作业-A卷</a></li>
            <li><a href="#">广东科技学院</a></li>
            <li><a href="#">18物联网五班</a></li>
            <li><a href="#">卢奕恒</a></li>
            <li><a href="#">CB18133508</a></li>
          
        </ul>
    </div>
    <!--回到顶部-->
    <div class="back-to-top">
        <button>回到顶部</button>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>
</body>
</html>
